<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
	<title>民航事</title>
    <link rel="stylesheet" href="css/swiper.min.css">
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/swiper.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <style>
        html, body { width: 100%;height: 100%;}
        .swiper-container {width: 100%;height: 100%;}
        .swiper-slide {background-size: 100% 100%;width: 100%;height: 100%;}
    </style>
</head>
<body>
<!-- PC端页面 -->
<div id="PC_Client" class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide swiper_slideOne">
            <img data-src="images/pc/mobile.png" class="mobile">
            <div class="header"><img data-src="images/pc/logo.png" class="logo">民航事新闻客户端
            </div>
            <div class="title">
            民航事 <span class="xian">鲜</span>知道
            </div>
            <div class="content">FlyFeed <span class="stay">Stay</span> Informed<br><span class="guo">国内首个移动民航资讯类聚合平台</span></div>
            <div class="code">
                <div class="client">
                    <div class="ios">ios客户端</div>
                    <div class="android">安卓客户端</div>
                </div>
                <img data-src="images/pc/mhs.jpg" class="mhsCode">
            </div>
        </div>
        <div class="swiper-slide swiper_slideTwo">
            <div class="sec_Content">
            全新界面布局 瀑布流+卡片式<br>
            <span class="tuwen">有图有文有真相 提升您的阅读体验</span>
            </div>
            <img data-src="images/pc/mobile.png" class="sec_Mobile">
        </div>
        <div class="swiper-slide swiper_slideThree">
            <img data-src="images/pc/shadow_3.png" class="shadow" >
            <img data-src="images/pc/login.png" class="login">
            <div class="thr_Content">
            民航招聘用户一键登录<br><span class="recruit">双向匹配职位   对焦航企职位精准推荐</span>
            </div>
        </div>
        <div class="swiper-slide swiper_slideFour">
            <div class="connect">关注我们</div>
            <img data-src="images/pc/mhs_2.jpg" class="sec_MhsCode">
            <img data-src="images/pc/weibo.jpg" class="weibo">
            <div class="qq">
                <div><img data-src="images/pc/qq.jpg">民航事客户端用户交流QQ群:220309293</div>
                <div><img data-src="images/pc/qq.jpg">民航事客户端用户交流QQ群:383955792</div>
            </div>
        </div>
    </div>   
</div>

<!-- 移动端页面 -->
<div id="mobile_Client" class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide swiper_One">
            <div class="summary">全新界面布局 瀑布流+卡片式<br><span>有图有文有真相 提升您的阅读体验</span></div>
            <img src="images/mobile/mobile.png" class="mobile">
            <img src="images/mobile/arrow.png" class="arrow">
        </div>
        <div class="swiper-slide swiper_Two">
            <div class="summary">民航招聘用户一键登录<br><span>双向匹配职位 对焦航企职业精准推荐</span></div>
            <img src="images/mobile/login.png" class="login">
            <img src="images/mobile/arrow.png" class="arrow">
        </div>
        <div class="swiper-slide swiper_Three">
            <div class="summary">玩转个人发布 分享好玩的资讯<br><span>把你看到、听到的告诉我们</span></div>
            <img src="images/mobile/mobile2.png" class="msg">
            <img src="images/mobile/arrow.png" class="arrow">
        </div>
        <div class="swiper-slide swiper_Four">
            <img src="images/mobile/note.png" class="note">
            <img src="images/mobile/logo.png" class="logo">  
            <div class="slogan">开启民航事全新体验</div> 
            <div class="prop">
                <div class="qq"><img src="images/mobile/qq1.png">用户交流群:220309293
                </div>
                <div class="weibo"><img src="images/mobile/xinlang.png">民航事新浪微博
                </div>
            </div>      
        </div>
    </div>
</div>

</body>
</html>